iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
1
Security

新手眼中的資安系列 第 7

[Day7]-新手看網頁架構

  • 分享至 

  • xImage
  •  

Day7-新手看網頁架構

正文

如果想學怎麼寫網頁,勢必要先知道該學哪些東西吧!那我們就來看看網頁的基本架構是什麼樣的吧!

  • 網頁分為前端與後端,前端就是說一般使用者所看到的畫面,而後端就是前端的後台,當前端傳送資訊後,後端給予相對應的回應資訊。其實就像你在麥當勞點餐一樣,櫃檯就是前端,客人在櫃檯點餐,櫃檯會把客人要點的東西告訴後方的廚房,廚房就是後端,他們準備好客人要的東西後給櫃檯,櫃檯就把食物交給客人,這樣的流程其實就跟網頁很像!

前端

  • 前端有三大王者,分為HTML、CSS、Javascript
  • HTML:你可以想像為網頁的骨頭
  • CSS:你可以想像為皮膚或是衣服之類的,就是讓網頁變漂亮的
  • Javascript:你可以想像為肌肉,就是讓網頁可以與使用者互動

HTML

html是一種標籤式語言,但他不是程式語言,所以當有人問你會什麼程式語言的時候千萬別說什麼html啊,會被偷笑的(///▽///)

  • <html></html>:文件宣告
  • <head></head>:文件內容宣告
  • <body></body>:文件主體
  • <title></title>:網站標題

CSS

css就是你可以控制網站的背景啊、顏色、文字大小...等,如果覺得幾排版不好看的話,可以試試bootstrap。

Javascript

javascript就是網頁前端第一個要學的語言了,他是直譯式語言,一般來說沒有加上javascript的網頁,我們稱之為靜態網頁,而加上javascript的稱為動態網頁,顧名思義就是讓網頁可以動,可能一個小動畫...之類的。
而在學前端的時候我們會搭上函式庫JQuery,JQuery是一個讓 JavaScript 語法可以和網頁中 HTML、CSS 連結的工具。像JQuery一樣可以幫助javascript的還有框架,例如Angular.js、Vue.js...等。

後端

寫後端的語言有好多種,像是最常見的PHP,或是最近熱門的Python、Go語言、Node.js...等,各種語言都有好處與壞處。

PHP

php是一種通用開源腳本語言,語法吸收了c、java、perl等特點,它是在網頁後端使用者最多,較普遍,也是最古老的語言,但也因為它古老,所以有些語法設定可能會產生一些問題。

  • echo "xxxxx":輸出字串
  • $test=1:設定變數=1
  • a=b:a等於b
  • a==b:a等於b,連資料型態也相同
  • function <function name>(){function conten}:自訂意函式

Python

python是物件導向高階程式語言,也是直譯式程式語言,它對於初學者來說會比較容易上手,也因為它的諸多特點,並提供了許多自行開發函式庫供python程式設計者使用,所以具有豐富、龐大類別的函式庫。而在資訊領域的運用也非常廣大,像最近很紅的數據分析、資料探勘也是用python寫的。

  • #:單行註解
  • print("xxx"):輸出字串
  • a = 1:設定變數a = 1
  • def <function name>()::自定義函式,它跟c不一樣不是用{}去包內容,而是用縮排去看。

上一篇
[Day6]-新手學Docker 0x2
下一篇
[Day8]-新手的Web系列XSS 0x1
系列文
新手眼中的資安30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言